.content {
  display: flex;
  /* 	justify-content: space-around; */
  flex-direction: column;
  align-items: center;
  width: 750rpx;
  height: 100%;
  background-color: #f5f5f9;
}

.trend-container {
  width: 750rpx;
  background-color: "red";
  position: relative;
}
.trend-container .img {
  width: 750rpx;
}
.trend-container #canvas {
  position: absolute;
  z-index: 1;
}
.trend-container .oval-warapper {
  position: absolute;
  border-radius: 42%;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
}
.trend-container .oval-warapper.border-line {
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0);
  transform: translateX(-50%);
}
.trend-container .score-warpper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.trend-container .score-warpper .title {
  color: rgb(91, 123, 161);
  font-size: 48rpx;
}
.trend-container .score-warpper .score {
  color: rgb(154, 136, 162);
  font-size: 86rpx;
}

.report {
  padding: 30rpx;
  margin: 60rpx;
  line-height: 46rpx;
  font-weight: 500;
  /* color: #7c7c7c; */
  font-size: 32rpx;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
    0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

.btn-box {
  margin-top: 15rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 750rpx;
}
